<template>
    <div class="section-wrap highRisk" style="height:100%;">
        <vue-better-scroll
            class="wrapper"
            ref="scrollqq"
            :scrollbar="scrollbarObj"
            :pullDownRefresh="pullDownRefreshObj"
            :pullUpLoad="pullUpLoadObj"
            :startY="parseInt(startY)"
            @pullingUp="onPullingUp"
            >
            <div class="form-section broadcast">
                <div class="form-item form-item-style1">
                    <div class="risktop">
                        <div class="riskmsg">高支模拆除作业申请</div>
                        <div class="riskdate">2019-08-22</div>
                    </div>
                    <div class="right-select"
                            @click="toWorkrisk">
                        <p>待监控&nbsp;&nbsp;</p>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="form-item form-item-style1">
                    <div class="risktop">
                        <div class="riskmsg">动火作业申请</div>
                        <div class="riskdate">2019-08-22</div>
                    </div>
                    <div class="right-select"
                            @click="toWorkrisk">
                        <p>待监控&nbsp;&nbsp;</p>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
            </div>
        </vue-better-scroll>  
        <myMenu></myMenu>
    </div>
</template>

<script>
// import { Tab, TabItem, PopupRadio, Datetime } from "vux";
import VueBetterScroll from "vue2-better-scroll";
import myMenu from "@/commonComponents/menu";
import { Casualties } from "@/api/api";
import noData from "@/commonComponents/noData/noData.vue";

export default {
name: "App",
data() {
    return {
        // 这个配置可以开启滚动条，默认为 false。当设置为 true 或者是一个 Object 的时候，都会开启滚动条，默认是会 fade 的
        scrollbarObj: {
            fade: true
        },
        // 这个配置用于做下拉刷新功能，默认为 false。当设置为 true 或者是一个 Object 的时候，可以开启下拉刷新，可以配置顶部下拉的距离（threshold） 来决定刷新时机以及回弹停留的距离（stop）
        pullDownRefreshObj: false,
        // 这个配置用于做上拉加载功能，默认为 false。当设置为 true 或者是一个 Object 的时候，可以开启上拉加载，可以配置离底部距离阈值（threshold）来决定开始加载的时机
        pullUpLoadObj: {
            threshold: 0,
            txt: {
            more: "加载更多",
            noMore: "没有更多数据了"
            }
        },
        startY: 0, // 纵轴方向初始化位置
        riskList: []//列表数据
    };
},
components: {
    VueBetterScroll,
    noData,
    myMenu
},
created () {
    
},
methods: {
    //上拉加载
    onPullingUp () {

    },
    //进入待监控高风险详情
    toWorkrisk() {
    
    }
}
};
</script>

<style lang="less" scoped>
@import "~vux/src/styles/1px.less";
@import "~vux/src/styles/center.less";
.highRisk .right-select{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
}
.risktop{
    flex: 1;
    align-items: center;
}
.riskmsg{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    font-weight: bold;
    vertical-align: middle;
}
.riskdate{
    font-size: 14px;
    line-height: 18px;
}
</style>
<style>
.highRisk .icon-jinru{
    color: #c8c8cd;
}
</style>